.ly-header
	background $themeColor
	.lybox
		display flex
	.mini-search
		width 420px
		float right
		display flex
		margin-right 10px
		border-radius 6px
		overflow hidden
		.ant-select-selection--single .ant-select-selection__rendered
			margin-right: 38px;
		.ant-select-lg .ant-select-selection__rendered
			line-height: 48px
		.ant-input-affix-wrapper .ant-input:not(:last-child)
			padding-right 50px
		.ant-select-arrow
			font-size 20px
			margin-top -10px
		.anticon-search
			font-size 24px
		.ant-input:focus
			box-shadow none
		.ant-input-group
			display flex
			height 48px
		/deep/ .ant-select-selection
			height 100%
			border none !important
			box-shadow none
			&:focus
				border none
		/deep/ .ant-select-selection__rendered
			border none
			line-height 48px
			margin-right 46px
		.ant-input
			height 100%
			border none
	.sec-main
		height 80px
		display flex
		justify-content center
		align-items center
		font-size 22px
		color #fff
	.logo
		display block
		height 44px
		background-size contain
		font-size 24px
		color #fff
		display flex
		align-items center
		white-space nowrap
		img 
			height 100%
			margin-right 6px
	.header-panel
		float right
		line-height: @height
		font-size: 15px
		padding-right 40px
.header-nav
	.anticon
		color #fff
	.nav-item
		display block
		float left
		margin-right 10px
		line-height 1
		padding 16px 10px
		color #fff
		position relative
		&:after
			height 2px 
			width 0
			display block
			transition width 0.25s
			position absolute
			bottom 0
			left 0
			background #fff
			content ""
		&:hover,&.router-link-active
			&:after
				width 100%
		&:last-child
			margin-right 0
li.ant-dropdown-menu-item
	a.router-link-active
		color #37aeb2
		background #e6f7ff
